<template>
	<view role="dialog" aria-modal="true" class="fade modal-container modal show" tabindex="-1" style="display: block;">
		<view class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-fullscreen">
			<view class="modal-content">
				<view class="modal-header"><button class="left" type="button" data-dismiss="modal" @click="back"
						aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="15"
							viewBox="0 0 10 15" fill="none">
							<path
								d="M6.67783 1.26902C7.28532 0.723479 8.27024 0.723479 8.87772 1.26902C9.4852 1.81455 9.4852 2.69905 8.87772 3.24458L3.75544 7.84455L8.87772 12.4445C9.4852 12.99 9.4852 13.8745 8.87772 14.4201C8.27024 14.9656 7.28532 14.9656 6.67783 14.4201L0.455612 8.83233C-0.151871 8.28679 -0.151871 7.4023 0.455612 6.85676L6.67783 1.26902Z"
								fill="#C1D1FF"></path>
						</svg></button><span class="title">{{$t('Settings')}}</span></view>
				<view class="main-app modal-body">
					<view class="main-content en p-4">
						<view class="profile-menu-container p-0">
							<!-- <view class="menu-card row">
								<view class="menu-detail-col col"><label>修改登入密码</label></view>
								<view class="col-2 text-end col"><svg xmlns="http://www.w3.org/2000/svg" width="7"
										height="11" viewBox="0 0 7 11" fill="none">
										<path
											d="M2.23012 9.95515C1.7962 10.3457 1.09269 10.3457 0.65877 9.95515C0.224854 9.56463 0.224854 8.93146 0.65877 8.54094L4.31754 5.24805L0.658769 1.95516C0.224854 1.56463 0.224854 0.931465 0.658769 0.540941C1.09268 0.150417 1.7962 0.150417 2.23012 0.540941L6.67456 4.54094C7.10848 4.93146 7.10848 5.56463 6.67456 5.95515L2.23012 9.95515Z"
											fill="#303A5E"></path>
									</svg></view>
							</view> -->
							<view class="menu-card row" @click="href(1)">
								<view class="menu-detail-col col"><label>{{$t('change_trading_pwd')}}</label></view>
								<view class="col-2 text-end col"><svg xmlns="http://www.w3.org/2000/svg" width="7"
										height="11" viewBox="0 0 7 11" fill="none">
										<path
											d="M2.23012 9.95515C1.7962 10.3457 1.09269 10.3457 0.65877 9.95515C0.224854 9.56463 0.224854 8.93146 0.65877 8.54094L4.31754 5.24805L0.658769 1.95516C0.224854 1.56463 0.224854 0.931465 0.658769 0.540941C1.09268 0.150417 1.7962 0.150417 2.23012 0.540941L6.67456 4.54094C7.10848 4.93146 7.10848 5.56463 6.67456 5.95515L2.23012 9.95515Z"
											fill="#303A5E"></path>
									</svg></view>
							</view>
							<view class="menu-card row" @click="href(2)">
								<view class="menu-detail-col col"><label>{{$t('Forgot_trading_password')}}</label>
								</view>
								<view class="col-2 text-end col"><svg xmlns="http://www.w3.org/2000/svg" width="7"
										height="11" viewBox="0 0 7 11" fill="none">
										<path
											d="M2.23012 9.95515C1.7962 10.3457 1.09269 10.3457 0.65877 9.95515C0.224854 9.56463 0.224854 8.93146 0.65877 8.54094L4.31754 5.24805L0.658769 1.95516C0.224854 1.56463 0.224854 0.931465 0.658769 0.540941C1.09268 0.150417 1.7962 0.150417 2.23012 0.540941L6.67456 4.54094C7.10848 4.93146 7.10848 5.56463 6.67456 5.95515L2.23012 9.95515Z"
											fill="#303A5E"></path>
									</svg></view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>

</template>

<script>
	export default {

		onLoad: function(options) {

		},
		onShow() {
			this.tui.haslogin();
			if (this.tui.isLogin()) {
				this.init();

			}
		},
		data() {
			return {
				webURL: "",
				top: 0, //标题图标距离顶部距离
				opacity: 0,
				scrollTop: 0.5,
				productList: [],
				pageIndex: 1,
				loadding: false,
				pullUpOn: true,
				type: '',
				userinfo: {
					'user_tel': this.$t('please_log_in'),
					'referee': this.$t('please_log_in'),
					'user_headimg': '/static/images/my/mine_def_touxiang_3x.png',
				},
				account: '',
				code: '',
				message: this.$t('not_open')
			}
		},
		methods: {

			href(page) {
				let url = "";
				switch (page) {
					case 1:
						url = "/pages/my/changePassword"
						break;
					case 2:
						url = "/pages/my/forgetPassword"
						break;
					default:
						break;
				}


				if (url) {

					uni.navigateTo({
						url: url
					})
				} else {
					this.tui.toast(this.message)
				}
			},
			back() {
				uni.navigateBack()
			},


		},
		onPageScroll(e) {
			this.scrollTop = e.scrollTop;
		},
		onPullDownRefresh() {
			setTimeout(() => {
				uni.stopPullDownRefresh()
			}, 200)
		},


	}
</script>

<style>
</style>